
 <template>
<div class="top">
    <van-row type="flex">
        <van-col span="4">
            <van-dropdown-menu>
                <van-dropdown-item v-model="drop" :options="option1"/>
            </van-dropdown-menu>
        </van-col>
        <van-col span="18">
            <van-search v-model="value" placeholder="搜索"  class="nn"  shape="round"/>
        </van-col>
    </van-row> 
</div>
 </template>   
 
 <script>
 export default {
     data() {
    return{ 
      drop:0,
      option1: [
     { text: '深圳', value: 0 },
     { text: '北京', value: 1 },
     { text: '北京', value: 2 },
   ],
   value:'',
 }
}
 }
 </script>
 <style scoped>
     .top{background-color: #fff;}
 .van-search__content{background-color: rgba(218, 217, 217, 0.651);}
 </style>


